<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'app',
  beforeCreate () {
    let deviceWidth = document.documentElement.clientWidth
    if(deviceWidth > 750) deviceWidth = 750
    document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px'
  }
}
</script>

<style lang="less">
@import './assets/styles/reset.css';

body {
  width: 7.5rem;
  overflow-x: hidden;
}
</style>
